<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    
</head>
<body>
    <script>
        /**
         *  axios.create 创建一个小型的  axios对象|函数
         * 
         *  使用axios.create可以创建一个阉割版的axios，没有cancelToken功能和all功能
         * 
         *  一般使用axios.create进行多站点配置
         * 
         *  axios.defaults.baseURL 只能配置一个站点链接
         * 
         *  需求有两个目标服务器的数据来源：
         * 
         *  1. http://localhost:8080
         *  2. htpp://localhost:3000
         * 
         */

        let axiosComputer = axios.create({
            baseURL:'http://localhost:3000',
            timeout:20000
        })

        let axiosNode = axios.create({
            baseURL:'http://localhost:8080',
            timeout:10000
        })

        /**
         * {
         *    config:{},
         *    headers:{},
         *    status:200,
         *    statusText:'ok',
         *    request:xhr,
         *    data:服务器响应的结果
         * }
         * 
         */
        axiosComputer.get('/computers').then(data123=>{
            console.log('3000 data: ',data123.data);
        })

        axiosNode.get('/timeout').then(data=>{
            console.log('8080 data:', data.data);
        })
        
    </script>
</body>
</html>